﻿<?php
/**
*	统计页面
*/


?>
<html>
<head>
<style type="text/css">
body
{
	text-align:center;
}

.visitors h4, .sales h4, .users h4 
{
    color: #fff;
    font-size: 1.8em;
    font-weight: 300;
    text-transform: uppercase;
	padding:20px 0;
	text-align:center;
	
}

.visitors h3, .sales h3, .users h3 
{
    font-size: 3.4em;
	padding:100px 0;
	margin:0px;
}

.visitors h3, .sales h3, .users h3 
{
    color: #fff;
    font-size: 3.5em;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0.5em 0;
    text-align: center;
}

i.go 
{
    background: rgba(0, 0, 0, 0) url("./Static/image/img-sprite.png") no-repeat scroll -455px 0;
    display: inline-block;
    height: 25px;
    width: 25px;
}

body a 
{
    transition: all 0.5s ease 0s;
}

a 
{
    color: #1b242f;
    text-decoration: none;
	background: transparent none repeat scroll 0 0;
}

.visitors a, .sales a, .users a {
	transition: all 0.5s ease 0s; 
	color: #1b242f;
    text-decoration: none;
	background: transparent none repeat scroll 0 0;
	cursor: pointer;
    font-size: 20px;
	position:absolute;
	bottom:20px;
	text-align:right;
	right:20px;
}

.visitors p, .sales p, .users p 
{
    color: #fff;
    font-size: 1.3em;
    font-weight: 300;
	margin: 0;
}

.visitors, .sales 
{
    margin-right: 2%;
    padding: 1.6em;
}

.visitors 
{
    background: #7f8c8d none repeat scroll 0 0;
    float: left;
    margin-right: 3%;
    padding: 2em;
    width: 21.333%;
	height:500px;
	position:relative;
}

.sales 
{
    background: #1b93e1 none repeat scroll 0 0;
    float: left;
    margin-right: 3%;
    padding: 2em;
    width: 21.333%;
	height:500px;
	position:relative;
}

.users 
{
    background: #7f8c8d none repeat scroll 0 0;
    float: left;
    padding: 2em;
    width: 21.333%;
	height:500px;
	position:relative;
}

h2
{
	color: #fff;
    font-size:2.5em;
    font-weight: 300;
    letter-spacing: 1px;
    margin: 0.5em 0;
	display: block;
	line-height:40px;
	width:100%;
	text-align:center;
}
</style>

</head>
<body>
<div class="list_of_members">
	<div class="visitors">
		<h4 class="title">总 <strong>用户量</strong></h4>
		<h3 class="num">40,600</h3>
		<p class="other">昨天新增</p>
		<h2>2000</h2>
		<a href="#"><i class="go"></i></a>
	</div>
	<div class="sales">
		<h4>当前 <strong>在线数</strong></h4>
		<h3>13,370</h3>
		<p class="other">昨天新增
			<h2>2000</h2>
		</p>
		<a href="#"><i class="go"></i></a>
	</div>
	<div class="users">
		<h4>总 <strong>下载量</strong></h4>
		<h3>15,200</h3>
		<p class="other">昨天新增
			<h2>2000</h2>
		</p>
		<a href="#"><i class="go"></i></a>
	</div>
</div>
</body>
</html>